<div class="tab" id="response-tab">
    <ul>
        <li [class.active]="reviewTabStatus == 'prettyJson'" (click)="setReviewTabStatus('prettyJson')">Json Viewer</li>
        <li [class.active]="reviewTabStatus == 'json'" (click)="setReviewTabStatus('json')">Pretty Json</li>
        <li [class.active]="reviewTabStatus == 'text'" (click)="setReviewTabStatus('text')">Plain Text</li>
    </ul>
    <div class="tab-content" [class.active]="reviewTabStatus=='prettyJson'">
        <ngx-json-viewer *ngIf="response" [json]="responseJson" [expanded]="true"></ngx-json-viewer>
    </div>
    <div class="tab-content" [class.active]="reviewTabStatus=='json'">
        <markdown [data]="responseJsonMd"></markdown>
    </div>
    <div class="tab-content plain-json" [class.active]="reviewTabStatus=='text'">
        <div>{{response}}</div>
    </div>
</div>
